<template>

  <view class="wrapp-btn">
    <CommonHeader title=""></CommonHeader>

    <view class="bg-translate" >
      <!-- 翻译 -->
      <view class="person-t">
        <image
          class="nation"
          src="/static/caigou/all-fanyi.png"
          mode="widthFix"
        />
        <image
          class="person"
          src="/static/caigou/person-w.png"
          mode="widthFix"
        />
      </view>

      <view class="uls">
        <view class="li"  @click="onTap('line')">
          <image
            src="/static/caigou/online.png"
            mode="widthFix"
          />
        </view>
        <view class="li" @click="onTap('question')">
          <image
            src="/static/caigou/question.png"
            mode="widthFix"
          />
        </view>
        <view class="li" @click="onTap('offline')">
          <image
            src="/static/caigou/offline.png"
            mode="widthFix"
          />
        </view>
      </view>
     
    </view>
  </view>
</template>

<script>
import CommonHeader from "@/pages/translate/components/common-header.vue";
import { isMessageGo } from '@/utils/tool.js'; 
  export default {
    components: {
      CommonHeader
    },
    data() {
      return {

      }
    },
    onLoad(options) {

    },
    methods: {
      goHome() {
        // isMessageGo({
        //   action: 'goHome',
        //   data: 'homeFragment',
        // })
        // uni.showToast({
        //   title: '发起了语音了'
        // })
        // isMessageGo({
        //   action: 'initiateChat',
        //   data: '5905'
        // })
      },
      onTap(key) {
        switch(key) {
          case 'line': // {{$t('在线求助')}}
            uni.navigateTo({
              url:'/pages/translate/online/index',
            })
          break;
          case 'question': // {{$t('问询服务')}}
          uni.navigateTo({
            url:'/pages/translate/questionList/index',
          })
          break;
          case 'offline': // {{$t('线下翻译')}}
          uni.navigateTo({
            url:'/pages/translate/offlineQuestion/index',
          })
          break;

        }

      }
    }
  }

</script>

<style scoped lang="scss">
@import '@/pages/translate/common/common.scss';
@import './index.scss';

</style>